<!doctype html>
<html lang="en">
	<head>
		<meta charset= "utf-8"/>
		<title>Final Project - Space and Earth Exploration</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<script src="scripts/hotspots.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>
	
	<body onLoad="javascript:startCourse()"> 
		<section>
			<div id="logo">
			<div><img  src="images/mastermindlogo1.png" width="230px" alt="The logo" title="The logo"/></div>
			</div><br>
			
			<header><img src="images/home-page-header.png" alt="Home page Header" title="Home Page Header"/></header><br/>
			
	    	<div id="container">
				<div id="header">
			
				</div>
	
					 <div id="leftBar">
						 <nav>
						    	<div class="barbuttons"><a href= "home-page.html">Home</a></div><br/>
			    				<div class="barbuttons"><a href= "moon-page1.html">Moon</a></div><br/>
			    				<div class="barbuttons"><a href= "sun-page1.html">Sun</a></div><br/>
								<div class="barbuttons"><a href="earth-page1.html" >Earth</a></div>
						 <br/>
						<div id="test-Link" ><a href="final-test.html"><strong>TEST</strong></a></div>   
						 						 
						 </nav><br/><br/>
						 
					<div id="developerInfo">
						<a  href="references-page.html">Resources</a>
						  
						<div id="hs1" onmouseover="javascript:showText( 1 )"><p>About Us</p></div>
						<div id="hs2" onmouseover="javascript:showText( 2 )"><p>Contact Us</p></div> 
					</div>
				   
					<div id="output">
						<div id="output-box">
							<p id="output-text">asdf</p>
						</div>
					</div>
           
				</div>
					
					<article>
					<div id="content">
					
					<div id="video">
					   <video controls="controls"  width="455px">
							<source src="video/welcome-video.mp4"  type="video/mpeg"/> 
							<source src="video/welcome-video.ogv" type="video/ogg"/>
						</video>
					
					</div>
					
					    <p id="welcome"><strong>Welcome to the Space Exploration Learning Module</strong></p>
					   	<p>In <strong>Space Exploration Module</strong> you can learn about different topics including </p><p id="maintopics"> Moon, Sun, and Earth</p>
                 <p> Below: you can find a brief explanation of what to expect to learn in each topic</p>
						
						<p class="topichead"><strong>TOPICS:</strong></p>
								
						<p class= "topichead"><strong>MOON</strong><br/>
						Explore the moon's structure, lunar eclipse and different phases of the moon </p>
								
						<p class= "topichead"><strong>SUN</strong><br/>
						Explore the sun, solar eclipse, solar energy, and information about radiation </p>
								
						<p class= "topichead"><strong>EARTH</strong><br/>
						Explore the earth  oceans, learn about layers and the earth's axis</p>
								
						<p>This module contains a mulitple choice test.You may review topics in the home page <br/>
						You will receive a certificate at the end of the test. You must pass with a 70% to receive the certificate. </p>
					

	
					</div>
				
					</article>
					<br/>
					
					<div id="rightBar2">
						 
				  	    <aside>
							<header>
								<p id="aside-title-audio">Audio</p>
							</header>
								<audio id="narration2" controls="controls">
									<source src="audio/homepage.mp3" type="audio/mp3">
									<source src= "audio/homepage.ogg" type="audio/ogg">
								</audio><br/>
								
							<header>
								<p id="aside-title-audio">Transcript</p>
							</header>
							<div id="transcript">
						    <p>Welcome to the Space Exploration Module. This module contains three main topics. They are the moon, sun and earth. The moon topic explores the moon’s structure, lunar eclipse and different phases of the moon. The sun topic explores the sun’s formation, what causes a solar eclipse and information about solar energy.  The earth topic explores basic information about the earth, it’s layers and the earth’s axis. 
                     				 This module also contains a test that covers all information on the website. The student will recieve a certificate after passing the test.
									The navigation buttons on the left contain the main topics. You can explore or review any topic by returning to the home page.
							</p>
						 
						 </div>
						 </aside>
						
					  </div>
	
			</div>
				
      </section>   
	</body>

</html>